---
title: fieldTypes
---

# fieldTypes

Override each [field type](/docs/api-reference/fields).

```tsx copy
const overrides = {
  fieldTypes: {
    number: ({ onChange }) => (
      <input type="number" onChange={(e) => onChange(e.currentTarget.value)} />
    ),
    text: ({ onChange }) => (
      <input type="text" onChange={(e) => onChange(e.currentTarget.value)} />
    ),
    // ...
  },
};
```

You can specify a custom render method for each known [field type](/docs/api-reference/fields), or introduce completely new ones.

## Render Props

Extends the [`<AutoField>` API](/docs/api-reference/components/auto-field).

| Prop                    | Example     | Type                                                           |
| ----------------------- | ----------- | -------------------------------------------------------------- |
| [`children`](#children) | `<input />` | ReactNode                                                      |
| [`name`](#name)         | `"title"`   | string                                                         |
| `...`                   | `{}`        | [`<AutoField>` API](/docs/api-reference/components/auto-field) |

### `children`

The default node for this field type.

### `name`

The name of the prop this field is rendering for.
